<template>
    <div id="setup">
    	<div class="setup_img">
    		 <img src="../../assets/img/profle.png" alt="" />
    		 <p class="setup_img_p">天天萌萌哒</p>
    	</div>
    	 <div class="setup_box">
    	 	  <div class="setup_us" slot='left' @click.stop="$router.push('/Collection')">
    	 	  	   <ul>
    	 	  	   	<li><img src="../../assets/img/xin.png"/></li>
    	 	  	   	<li>我的收藏</li>
    	 	  	   </ul>
    	 	  </div>
    	 	  <div class="setup_us" slot='left' @click.stop="$router.push('/night')">
    	 	  	   <ul>
    	 	  	   	<li ><img src="../../assets/img/moon.png"/></li>
    	 	  	   	<li>夜间模式</li>
    	 	  	   </ul>
    	 	  </div>
    	 	  <div class="setup_us" slot='left' @click.stop="$router.push('/nybox')">
    	 	  	   <ul>
    	 	  	   	<li><img src="../../assets/img/trash.png"/></li>
    	 	  	   	<li>清楚新闻缓存</li>
    	 	  	   </ul>
    	 	  </div>
    	 	   <div class="setup_us setup_usa" slot='left' @click.stop="$router.push('/myzzc')">
    	 	  	   <ul>
    	 	  	   	<li><img src="../../assets/img/stars9(1).png"/></li>
    	 	  	   	<li>为我们打分</li>
    	 	  	   </ul>
    	 	  </div>
    	 	  <div class="setup_us" slot='left' @click.stop="$router.push('/feedback')">
    	 	  	   <ul>
    	 	  	   	<li><img src="../../assets/img/message22.png"/></li>
    	 	  	   	<li>意见反馈</li>
    	 	  	   </ul>
    	 	  </div>
    	 </div>
    	 
       <index-footer/>
       
     </div>

        <!-- 请求提示 -->
        
</template>

<script>
	 
	
	
import indexFooter from '../index/components/index_footer.vue'
import { mapActions } from 'vuex'



export default {
    components: {  indexFooter}
    
 
}

  
</script>

<style lang='stylus'>
   .setup_img{
   	  width:100%;
   	  text-align:center;
   	  padding-top:50px;
   }
   .setup_img img{
   	  width:100px;
   	  height:100px;
   }
   .setup_box{
   	  margin-top:25px;
   }
   .setup_us{
   	  width:91%;
   	  margin:auto;
   	   height:70px; 
   	  border-bottom:1px solid #EBEBEB;  
   	  padding-top: 20px;
   	  	
   	  content: " ";
    
   }
   .setup_us ul{
   	 display:flex;
   	 list-style:none;
   	 width:100%;
   }
   .setup_us ul li{
   	 float:left;
   	 font-size:20px;
   	 color:#666666;
   	 font-family: "微软雅黑";
   	 
   }
   .setup_us ul li:nth-child(1){
   	 width:9%;
   }
   .setup_us ul li img{
   	  width:26px;
   	  height:26px;
   }
   .myzzc{
   	 width:100%;
   	 height:100%;
   	 position:fixed;
   	 z-index:99999999;
   	 background:rgba(0,0,0,0.5);
   	 top:0;
   	
   }
   .seAuto{
   	  width:80%;
   	  height:120px;
   	  background:#FFFFFF;
   	  margin:60% auto;
   	  padding-top:20px;
   	  border-radius:10px;
   }
   .seAuto p{
   	  font-size:20px;
   	  color:#666666;
   	  text-align: center;
   }
   .seAuto ul{
   	  list-style:none;
   	  display:flex;
   	  border-top:1px solid rgba(0,0,0,0.3) ;
   	  margin-top:14px;
   	  
   }
   .seAuto ul li{
   	  width:50%;
   	  text-align:center;
   	  font-size:22px;
   	  color:#2f8BCD;
   	  padding-top:5px;
   	  padding-bottom:5px;
   }
   .seAuto ul li:nth-child(1){
   	 border-right:1px solid rgba(0,0,0,0.5);
   }
   .setup_img_p{
   	  font-size:19px;
   	  color:#666666;
   	  margin-top:17px;
   }
</style>